<template>
  <div>
    <div>首页</div>
    <div>{{ user.name }}</div>
    <!-- <div>{{ user.type }}</div> -->
    <div @click="updateName">修改用户名</div>
  </div>
</template>

<script>
export default{
  data() {
    return {
      user: {
        type: '123'
      }
    }
  },
  created() {
    this.user.name = '毛线'
  },
  methods: {
    updateName() {
      console.log('修改名字')
      this.$set(this.user, 'name', '123')
      // this.user = {
      //   name: 123
      // }
      console.log(this.user)
    }
  }
}
</script>

<style>
</style>
